import { defineComponent, ref } from 'vue'

// ref在template模式下会自动解包，tsx下不会
// 插值使用 单括号 {}
// v-if不支持，可以使用三元表达式去代替
// v-for不支持，map代替
// v-bind使用 {} 代替，如果需要绑定多个属性，使用...操作符
// prop和emit
// 插槽slots
// v-show,v-model支持
export default defineComponent({
  setup() {
    const list = ['哈喽', '小马', '小羊']
    const fn = () => {
      console.log('我被点击了')
    }
    return () => (
      <>
        { list.map(i => <div onClick={fn}>{i}</div>) }
      </>
    )
  }
})